<template>
  <div id="index_container">
  </div>
</template>

<script>
//axios 模块化示例(此为使用api.js作为请求API的统一出口)
import api from '@/request/api/api.js'
//此为直接使用单文件API示例（个人推荐使用上面一种，但小型项目推荐使用此类）
import { getUserInfo } from '@/request/api/defaultApi/defaultApi'
export default {
  data() {
    return {
      userInfoApiParams: 'test'
    }
  },
  methods: {
    //我们也可以在methods中进行定义后使用API，如下
    //使用时则直接调用this.getUserInfoApi()即可
    getUserInfoApi() {
      getUserInfo(this.userInfoApiParams)
    }
  },
  mounted() {
    //axios 模块化示例(此为使用api.js作为请求API的统一出口)
    api.methods.getUserInfo('test')
    //此为直接使用单文件API示例（个人推荐使用上面一种，但小型项目推荐使用此类）
    getUserInfo('test')
    this.getUserInfoApi()
  }
}
</script>

<style lang="scss">
@import './Index.scss';
</style>